/* mobile */
@media only screen
and (min-width : 320px)
and (max-width : 736px) {

  .qor-action--select + .qor-selector{
    margin-bottom: 0 !important;
  }

  .qor-section-columns-2 .qor-field{
    width: 100%;
    float: none;
    padding-right: 0;
  }

  .qor-layout .mdl-layout__content{
    padding-top: 0 !important;
  }

  .qor-table{
    margin: 0;
    .is-fixed{
      display: none;
    }
  }
  .qor-section{
    margin: 24px 0;
    .qor-section__header{
      margin-left: 24px;
    }
  }
  .qor-page--dashboard .qor-table-container{
    @include shadow-2dp();
    th{
      background-color: transparent;
    }
  }
  .qor-table-container{
    margin: 0 0 24px 0;
    th{
      background-color: #f5f5f5;
    }
    .mdl-data-table{
      border-top: 0;
    }
  }
  .qor-action--select + .qor-selector, .qor-action--select + .qor-action--label, .qor-action--select + .qor-action--select{
    margin-left: 0;
    margin-right: 8px;
    margin-bottom: 8px;
  }

  .mdl-textfield.is-dirty .mdl-textfield__expandable-holder, .mdl-textfield.is-focused .mdl-textfield__expandable-holder{
    max-width: 100px;
  }

  .qor-search{
    height: 56px !important;
    line-height: 56px !important;
    .qor-search__label{
      top: 13px !important;
    }
    &.is-focused{
      background-color: #0277bd;
      position: absolute;
      left: 54px;
      top: 0;
      right: 8px;
    }
    .mdl-textfield__expandable-holder{
      width: calc(100% - 64px);
    }
  }
  .qor-modal .mdl-card{
    margin: 24px auto;
  }
  .qor-form-container{
    margin: 0;
    padding: 16px;
  }

  .qor-page__header+.qor-page__body{
    padding-top: 8px;
  }

  /* Header */

  header{
    .qor-mobile--show-actions{
      display: none;
    }
    .mdl-layout__header-row{
      padding-left: 56px;
      .qor-mobile--show-actions{
        color: #fff;
      }
    }
    .mdl-layout-title, .mdl-layout__title{
      font-size: 16px;
    }

    &.has-action{
      .qor-mobile--show-actions{
        display: inline-block;
      }
    }
    &.has-search{
      .qor-mobile--show-actions{
        margin-right: 16px;
      }
    }

  }
  .mdl-layout__container .qor-page__header{
    min-height: 0;
    background: transparent;
    margin-bottom: 2px;
    & > div{
      display: none;
    }
    &.actions-show{
      background: #fff;
      & > div{
        display: block;
      }
    }
  }

  .qor-table--medialibrary{
    margin-left: 12px;
    width: 100%;
    .mdl-card{
      width: 163px;
    }
    tbody tr:nth-child(2n) td{
      padding-right: 0;
      padding-bottom: 0;
    }
  }

  .qor-bottomsheets.is-shown{
    width: 100%;
    height: 100%;
    max-height: none;
    left: 0;
    right: 0;
    margin-left: 0;
    .qor-bottomsheets__search{
      display: none;
    }
    .qor-button--new{
      right: 8px;
    }
  }

}

/* mobile: iphone 6p */
@media only screen
and (min-width : 414px)
and (max-width : 736px) {
  .qor-table--medialibrary{
    margin-left: 12px;
    width: 100%;
    .mdl-card{
      width: 180px;
    }
  }
}

/* iPad */

@media only screen
and (min-width : 768px)
and (max-width : 1024px){
  .mdl-layout__header{
    .qor-mobile--show-actions{
      display: none;
    }
  }
}